<header class="special">
    <div class="left_info">
        <img src="/images/icon3.png" alt="">
        <h1>中国公路建设行业协会科学技术奖专家评审系统</h1>
    </div>

    <div class="right_user">
        <a-dropdown style="margin-left: 10px;">
            <a class="ant-dropdown-link" href="javascript:;">
                {{ $user->name }}
                <a-icon type="down"/>
            </a>
            <a-menu slot="overlay" @click="handleHeaderDropdownItemClick">
                <a-menu-item key="change-password">修改密码</a-menu-item>
                <a-menu-item key="logout">退出</a-menu-item>
            </a-menu>
        </a-dropdown>
    </div>

    <a-modal v-model="changePasswordDialogVisible" :width="400" title="修改密码" @ok="handleChangePasswordOk">
        <div class="input_box">
            <div class="input_label">新密码</div>
            <div class="input_box">
                <a-input placeholder="8-16位" maxlength="16" size="large" type="password"
                         v-model="passwordInfo.password" autocomplete="new-password">
                </a-input>
            </div>
        </div>
        <div class="input_box">
            <div class="input_label">确认新密码</div>
            <div class="input_box">
                <a-input placeholder="确认新密码" maxlength="16" size="large" type="password" v-model="passwordInfo.passwordConfirm" autocomplete="new-password">
                </a-input>
            </div>
        </div>
    </a-modal>
</header>